<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./css/reset.min.css">
	<link rel="stylesheet" href="./css/swiper-bundle.min.css">
	<link rel="stylesheet" href="./css/index.css">
	<title>知乎日报1109</title>
</head>

<body>
	<div class="box">
		<div class="header">
			<div class="hleft">
				<p>
					<strong>18</strong>
					<span>五月</span>
				</p>
				<h3>知乎日报</h3>
			</div>
			<img src="./img/touxiang.jpg" alt="" class="hright">
		</div>
		<div class="con">
			<!-- 轮播图 -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<!-- <div class="swiper-slide">
						<img src="http://zhihudaily.me/static/img/pic/20210503/9735624.jpg" alt="">
						<div class="title">
							<h1>我查查看12434</h1>
							<p>查查看</p>
						</div>
					</div>
					<div class="swiper-slide">
						<img src="http://zhihudaily.me/static/img/pic/20210503/9735624.jpg" alt="">
						<div class="title">
							<h2>我查查看12434</h2>
							<p>查查看</p>
						</div>
					</div>
					<div class="swiper-slide">
						<img src="http://zhihudaily.me/static/img/pic/20210503/9735624.jpg" alt="">
						<div class="title">
							<h2>我查查看12434</h2>
							<p>查查看</p>
						</div>
					</div> -->
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<div class="list">
				<!-- <p class="listhr">11月9日<b></b></p> -->
				<!-- <div class="item">
					<div class="item_left">
						<h3>中国有哪些非常唯美漂亮的桥梁？</h3>
						<p>xxx·2分钟阅读</p>
					</div>
					<img src="./img/01.jpg" alt="">
				</div> -->
			</div>
			<div class="loadmore">加载更多</div>
		</div>
	</div>
</body>
<script src="./js/rem.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js"></script>
<script>
	var swiper = new Swiper('.swiper-container', {
		autoplay: {
			delay: 1000,
			stopOnLastSlide: false,
			disableOnInteraction: true,
		},
		loop: true,
		pagination: {
			el: '.swiper-pagination',
		},
	});
</script>

</html>